<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Deportes Halcon</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/script.js"></script>

</head>

<body>

	<div id="contenedor">
		<div id="header">
			<h1 class="logo"><img src ="images/logohalcon.png"></img></h1>
			<ul class="nav">
				<li><a  href="#" >Inicio</a></li>
				
				<li><a href="#">Quienes Somos</a>
				
				<li><a href="#">Datos de Contacto</a>
					
				<li><a href="#" >Nuestras Tiendas</a>
			</ul>	
		</div><!-- Fin de header-->

		<h2 class="titulo">Tienda de Deportes</h2>
		<h3 class="subtitulo">Sitio web para hacer las mejores compras</h3>

		<div class="divisor"></div>
		
		<div id="presenta">
			<div class="bio">
				<iframe class="bio" frameborder="0" src="" name="entrada" width="570" height="345"></iframe>	
			</div>
			<div class="ver_mas"><a href="#">Ver más</a></div>	
		
		</div><!--Fin de presenta-->
		
		<div class="art-box-body art-blockcontent-body">
		<form action="/" method="post" id="login-form" >
		<fieldset class="userdata">
			<p id="form-login-username">
		<label for="modlgn-username">Usuario</label>
		<input id="modlgn-username" type="text" name="username" class="inputbox"  size="18" />
			</p>
			<p id="form-login-password">
		<label for="modlgn-passwd">Contraseña</label>
		<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18"  />
			</p>
			<p id="form-login-remember">
		<label for="modlgn-remember">Recordarme</label>
		<input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes"/>
			</p>
		<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input type="submit" name="Submit" class="button art-button" value="Iniciar sesión" /></span>
	<input type="hidden" name="option" value="com_users" />
	<input type="hidden" name="task" value="user.login" />
	<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=" />
	<input type="hidden" name="29217bd3af80fbe7a81bac2129b63700" value="1" />	</fieldset>
	<ul>
		<li>
			<a href="/component/users/?view=reset">
			¿Olvido su contraseña?</a>
		</li>
		<li>
			<a href="/component/users/?view=remind">
			¿Olvido su usuario?</a>
		</li>
				<li>
			<a href="/component/users/?view=registration">
				Crear una cuenta</a>
		</li>
			</ul>
	</form>
	</div>
		<!--Fin de formulario-->
		
		<div class="clear"></div>

		<div class="divisor"></div>

		<div id="dinamico">
			
			<div id="portfolio">
				<h3 class="titulo_seccion">Deportes</h3>
				
				<!--AQUI PONER ALGO -->
				<div class="ver_mas"><a href="#">Ver más</a></div>
					
			</div><!--Fin de porfolio-->
			
			<div id="comentarios">
			
				<h3 class="titulo_seccion">Social</h3>
				
				<ul class="lista_testimonios">
					
					<!--AQUI PONER ALGO -->
					<div class="ver_mas"><a href="#">Ver más</a></div>
				
				</ul><!--Fin de lista_testimonios-->	
					
			</div><!--Fin de comentarios-->
			
			<div class="clear"></div>

		</div><!--Fin de dinamico-->
		
	</div><!--Fin de contenedor-->

	<div id="footer">
		<p>Proyecto Final</p>
	</div><!-- Fin de footer-->

</body>
</html>